:root {
    --vh: 100vh; /* 默认值 */
    --web-pad: 16px;
    --wap-pad: 0.24rem;
    --wap-mar: -0.32rem;
    --footerH: 65px;
    --headerH:60px;
    --headerW:70px;
    --navaW:58px;
    --formW:450px;
    --wapFtH: 1.1rem;
    --bottomH:calc( env(safe-area-inset-bottom) + 1.3rem);
    --bottomIpx: env(safe-area-inset-bottom);
    --zindex:800;
    --zindex1:calc( var(--zindex) + 10);
    --zindex2:calc( var(--zindex) + 20);
    --zindex3:calc( var(--zindex) + 30);
    --zindex4:calc( var(--zindex) + 40);
    --el-font-family: theme(fontFamily.sans);
    --color-primary: #4153ff;
    --el-color-primary: var(--color-primary);
    --color-minor: #7583ff;
    --color-btn-text: white;
    --el-color-primary-dark-2: rgb(19, 153, 166);
    --el-color-primary-light-3: rgb(93, 210, 222);
    --el-color-primary-light-5: rgb(140, 223, 232);
    --el-color-primary-light-7: rgb(186, 236, 241);
    --el-color-primary-light-8: rgb(209, 242, 246);
    --el-color-primary-light-9: rgb(232, 249, 250);
    --el-font-weight-primary: 400;
    --el-menu-item-height: 46px;
    --el-menu-sub-item-height: var(--el-menu-item-height);
    --el-menu-icon-width: 18px;
    --sidebar-width: 140px;
    --aside-bg-color: #fff;
    --header-height: 60px;
    --color-white: #ffffff;
    --table-header-bg-color: #f8f8f8;
    --el-font-size-extra-large: 18px;
    --el-menu-horizontal-height: 44px;
    --el-menu-base-level-padding: 16px;
    --el-menu-level-padding: 26px;
    --el-font-size-large: 16px;
    --el-font-size-medium: 15px;
    --el-font-size-base: 14px;
    --el-font-size-small: 13px;
    --el-font-size-extra-small: 12px;
    --gradient-1: var(--color-primary);
    --gradient-2: var(--color-minor);

    --el-bg-color: var(--color-white);
    --el-bg-color-page: #f7f7f7;
    --el-bg-color-overlay: #ffffff;
    --el-text-color-primary: #101010;
    --el-text-color-regular: #666666;
    --el-text-color-secondary: #999999;
    --el-text-color-placeholder: #a8abb2;
    --el-text-color-disabled: #c0c4cc;
    --el-border-color: #dcdfe6;
    --el-border-color-light: #e4e7ed;
    --el-border-color-lighter: #ebeef5;
    --el-border-color-extra-light: #f2f2f2;
    --el-border-color-dark: #d4d7de;
    --el-border-color-darker: #cdd0d6;
    --el-fill-color: #f0f2f5;
    --el-fill-color-light: #f5f7fa;
    --el-fill-color-lighter: #fafafa;
    --el-fill-color-extra-light: #fafcff;
    --el-fill-color-dark: #ebedf0;
    --el-fill-color-darker: #e6e8eb;
    --el-fill-color-blank: #ffffff;
    --el-mask-color: rgba(255, 255, 255, 0.9);
    --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
    -el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04),
    0px 8px 20px rgba(0, 0, 0, 0.08);
    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08),
    0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
}




/* 页面默认加载动画 */
/* 覆盖 .nuxt-spa-loading 样式 */

  .nuxt-spa-loading {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8) !important;width: 160px !important; height: 154px !important; 
  }
  .nuxt-spa-loading>path {
     /* fill: none; */
     stroke: rgba(111,83, 233, 0.6);
     stroke-width: 4px;
     stroke-linecap: round;
     stroke-linejoin: round;
     stroke-dasharray: 400;
     stroke-dashoffset: 400;
     animation: nuxt-spa-loading-move 3s linear infinite;
   }
   @keyframes nuxt-spa-loading-move {
     100% {
       stroke-dashoffset: -400;
     }
   }